<table class="tr">
  <tr>
    <td width="50%">彩种</td>
    <td>期数</td>
  </tr>
</table>

<div class="scroll-data"><div>
    <table>
    </table>
</div></div>

<style type="text/css">
    .tr {
        width: 100%;
        height: 35px;
        color: #3c3c3c;
        font-size: 15px;
    }
    .tr td {
        text-align: center;
        box-shadow: inset -1px 1px 0 0 rgba(255,255,255,.21), 1px 1px 0 0 rgba(0,0,0,.13);
        background-color: rgba(255,255,255,0.2);
    }
    .scroll-data table {
        width: 100%;
        font-size: 14px;
        color: #fff;
    }
    .scroll-data table td {
        text-align: center;
        box-shadow: inset -1px 1px 0 0 rgba(255,255,255,.21), 1px 1px 0 0 rgba(0,0,0,.13);
        padding: 10px 1px 10px 1px;
    }
    .scroll-data {
        position: absolute;
        left: 0px;
        right: 0px;
        top: 35px;
        bottom: 0px;
        overflow: hidden;
    }
</style>

<script>
    $("#center-top .home").hide();
    $("#center-top .back").show();
    $("#center-top .menu").hide();

    // 开奖结果
    Result.switchGame(game);
    Result.refreshListCb = function() {
        // 更新长龙
        var gameRule = Util.getGameRule(game);
        var list = gameRule.long(context.result[game]);
        var table = $(".scroll-data table");
        table.empty();
        for (var i in list) {
            for (var k in list[i]) {
                table.append("<tr><td width='50%'>" + k + "</td><td style='font-weight:bold'>" + list[i][k] + "</td></tr>");
            }
        }
        if (Util.isEmpty(list)) {
            table.append("<tr><td colspan='2'>暂无数据</td></tr>");
        }
        _mainScroll.refresh();
    };
    Result.refresh_list();

    var _mainScroll;
    $(function() {
        _mainScroll = new IScroll(".scroll-data", {
            scrollX: false,
            scrollY: true,
            click: true,
        })
    });
</script>
